@charset "utf-8";
*{margin: 0;padding: 0; font-family: '微软雅黑';color: #555; font-size: 14px;line-height: 24px;}
body{width: 100%;overflow-x: hidden;background: #fff;}
li{list-style: none;}
a{text-decoration: none;display: block;}
a:hover{color:#1EB858}
img{max-width: 100%;display: inline-block;}
input{outline: none;;}
.size16{font-size: 16px;;}
.clearfix{clear: both;}
.color{color:#1EB858;}
.c2{color: #333;}
.c3{color: #999;}
.white-bg{background: #fff;}
.no-wrap{display: block;width: 100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.w-inner{width: 1200px;margin: 0 auto;}
.center{text-align: center;}
.overf-h{overflow: hidden;}
.left{float:left;}
.right{float:right;}
.relative{position: relative;}
.fillimg{display: block;width: 100%;min-height: 100%;;}
.ptop50{padding-top: 50px;;}
.pbottom50{padding-bottom: 50px;;}
.mtop10{margin-top: 10px;;}
.mtop20{margin-top: 20px;;}

/* banner */
.banner{width: 100%;overflow-x: hidden;position: relative;}
/* 轮播小圈圈 */
.swiper-pagination-bullet-active{background: #1EB858;}
.swiper-pagination{z-index: 1;}

/* header +导航 */
.header{z-index: 99;;}
.logo{width: 269px;height: 70px;float: left;margin-top: 18px;margin-right: 30px;;}
.logo img{max-height: 70px;;}
.nav{float: left;}
.nav li{width: 60px;line-height: 80px;float: left;text-align: center;position: relative;margin: 0 10px;padding: 0 10px;}
.nav li .first-nav{font-size: 14px;display: block;line-height: 26px;padding: 27px 0;color: #555;}
.nav .active{background: url(/Images/nav-active.png) no-repeat center;background-size: 100% auto;}
.nav .active .first-nav{font-weight: bolder;}
.nav li:hover{background: url(/Images/nav-active.png) no-repeat center;background-size: 100% auto;}
.nav li:hover .first-nav{font-weight: bolder;transition: 0.4s all;}
/* 带下拉分类 */
.nav li .second-nav{position: absolute;width: 200px;background: #fff;z-index: 999;top: 79px;display: none;left: 50%;margin-left: -100px;border-top: solid 2px #eee;}
/* .nav li .second-nav::before{content: "";width: 0;border-bottom: 15px solid #eee;border-left: 15px solid transparent;border-right: 15px solid transparent;position: absolute;top: -10px;left: 25px;;} */
.nav li .second-nav dt{border-bottom:solid 1px #eee;padding: 10px 15px;;line-height: 40px;position: relative;text-indent: 0;}
.nav li .second-nav dt a{color: #555;width: 90%;text-align: left}
.nav li .second-nav dt .fa{position: absolute;right: 10px;line-height: 40px;top: 0;}
.nav li .second-nav dt:hover{transition: 0.2s all;text-indent: 2px;}
.nav li .second-nav dt:hover a{color:#0099ff; transition: 0.4s all;;}
.nav li .second-nav dt:hover .fa{color:#0099ff; transition: 0.4s all;}
.nav li:hover .second-nav{display: block;transition: 0.2s all;}


/* 产品分类 列表 */
.procuct-categ ul li{width: 15%;padding: 0 2.5%;}
.procuct-categ ul li .p-img{width: 112px;height: 112px;overflow: hidden;margin: 20px auto;;}
.procuct-categ ul li .en{font-family: Georgia;;}
@keyframes spinAround
	{
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(180deg);
		}
	}
.procuct-categ ul li .p-img:hover{animation: spinAround 0.25s linear}
.procuct-categ ul li:hover .en{color: #1EB858;transition: 0.4s all;}

/* 首页大标题 */
.big-title{padding-top: 80px;padding-bottom: 30px;;}
.big-title .en{font-size: 36px;color: #333;display: block;margin-bottom: 25px;font-family: Georgia;text-transform: uppercase;letter-spacing: 5px;font-weight: bolder;}
.big-title .en em{color: #1EB858;font-size: 36px;font-family: Georgia;text-transform: uppercase;font-style: normal;letter-spacing: 5px;font-weight: bolder;}
.big-title h2{width:150px;margin:0 auto;font-size: 22px;padding: 0 20px;letter-spacing: 3px;color: #333;background: url(/Images/nav-active02.png) no-repeat center;background-size: 100% auto;font-weight: 400;}
.big-title-bg .en{color: #fff;}
.big-title-bg h2{color: #fff;}
/* 应用领域 */
.application{width: 100%;background: #f8f8f8;position: relative;overflow: hidden;;}
.application .bg-img{width: 100%;height: 605px;}
.application .w-inner{position: absolute;top: 0;width: 100%}
.application .application-cont{width: 46%;float: right;background: #f8f8f8;height: 603px;padding: 0 2%;margin-top: 1px;;}
.application .application-cont .application-cont-lw{width: 580px;}
.application .list li{margin-bottom: 15px;padding-left:30px;;}
.application .list li .img-icon{position: absolute;width: 24px;height: 24px;top: 0;left: 0;}
.application .list li h4{font-weight: bolder;margin-bottom: 3px;;}
.application .read-more{margin-left: 30px;;}
.application .list li:hover h4{color: #1EB858;transition: 0.4s all;}

.read-more{margin-top: 30px;background: url(/Images/arrow.png) no-repeat right center;padding-right: 16px;font-weight: bolder;display: inline-block;}
.o-more-btn{display: block;width: 145px;line-height: 45px;border:solid 1px #333;border-radius: 3px; margin: 30px auto;color: #333;font-size: 16px;}
.o-more-btn:hover{border:solid 1px #999;color: #999;}

/* 关于我们 */
.about-us .intro{width:60%;margin:0 auto;max-height: 240px;overflow: hidden;}
.about-us .intro p{line-height: 26px!important;font-size: 14px!important;;}
/* 工程案例 */
.cases{width: 100%;background: url(/Images/img/case-bg.jpg) no-repeat center top;height: 1116px;;}
.cases .case-left{width: 38.5%;float: left;}
.cases .case-left li{width: 430px;height: 300px;position: relative;margin-bottom: 50px;;}
.cases .case-left li a{height: 100%;;}
.cases .case-left li .img{width: 100%;height: 100%;position: relative;z-index: 10;overflow: hidden;}
.cases .case-left li::after{content: "";width: 430px;height: 300px;background: rgba(0,0,0,0.4);position: absolute;top: 10px;right: -10px;;}
.cases .case-left li .fonts{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 12;top: 0;left: 0;opacity: 0;}
.cases .case-left li .fonts .en{font-size: 18px;width: 90%;padding: 120px 5% 5px;color: #fff;text-transform: uppercase;font-weight: bold;}
.cases .case-left li .fonts h4{width: 90%;padding: 0 5%;color: #fff;;}
.cases .case-left li:hover .fonts{opacity: 1;transition: 0.4s all;}
.cases .case-left .read-more{margin-top: 5px;}
.cases .case-center{width: 28%;margin-left: 5%;margin-right: 5%;float: left;}
.cases .case-center li {padding-top: 30px;padding-bottom: 40px;height: 125px;;}
.cases .case-center li h3{font-size: 22px;color: #fff;position: relative;padding-bottom: 15px;font-weight: 400;margin-bottom: 10px;;}
.cases .case-center li h3::after{width: 60px;height: 1px;background: #999;bottom: 0;left: 0;position: absolute;content: "";}
.cases .case-center li p{color: #eee;}
.cases .case-center li:nth-of-type(4) h3{color: #333;}
.cases .case-center li:nth-of-type(4) p{color: #666;}
.cases .case-center li:hover h3{color: #1EB858;;transition: 0.4s all;}
.cases .case-right{width: 23.5%;}
.cases .case-right li{width: 270px;height: 188px;position: relative;margin-bottom: 12px;;}
.cases .case-right li::after{content: "";width: 270px;height: 186px;background: rgba(0,0,0,0.4);position: absolute;top: 8px;right: -8px;;}
.cases .case-right li .fonts .en{padding-top: 60px;;}

/* 新闻动态 */
.news{background: #f8f8f8;}
.news .big-title{float: left;width: 16%;}
.news .news-lists{float: right;width: 82%;}
.news .news-lists ul{position: relative;top: 55px;left: 3%;}
.news .news-lists ul li{width: 22%;margin: 5px 0 5px 3%;height: 170px;position: relative;;}
.news .news-lists ul li:nth-of-type(4n-3){margin-left: 0;}
.news .news-lists ul li a{height: 100%;;}
.news .news-lists ul li .img{width: 100%;height: 100%;position: relative;z-index: 10;overflow: hidden;}
.news .news-lists ul li .fonts{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 12;top: 0;left: 0;opacity: 0;}
.news .news-lists ul li .fonts h2{width: 90%;padding: 50px 5% 0;color: #fff;;}
.news .news-lists ul li .fonts .time{font-size: 12px;width: 90%;padding: 6px 5% 5px;color: #ccc;text-transform: uppercase;font-weight: bold;}
.news .news-lists ul li:hover .fonts{opacity: 1;transition: 0.4s all;}


.footer{background: rgb(51, 51, 51);color: #888;padding-top:60px;;}
.footer .w-inner{padding-bottom: 40px;}
.footer .left{width: 16%;padding-right: 2%;}
.footer .left h2{font-size: 18px;color: #999;margin-bottom: 15px;font-weight: 400;}
.footer .left li a{color: #dbdbdb;line-height: 32px;;}
.footer .contact{width: 26%;padding-right: 2%;}
.footer .contact .ways p{color: #DBDBDB;font-size:14px!important;display: block!important;margin-top: 3px;margin-bottom: 2px;}
/* .footer .contact .ways p span{color: #DBDBDB;font-size:14px!important;display: block!important;} */
.footer .contact .ways h5{margin-top: 30px;margin-bottom: 8px;color: #fff;;}
.footer .contact .phone{padding: 5px 20px;background: url(/Images/phone.png) no-repeat left center #1EB858;    background-position-x: 15px;color: #fff;text-align: center;line-height: 24px;display: inline-block;font-size: 20px;font-style: italic;padding-left: 38px;;}
.footer .left li:hover a{text-decoration: underline;}
.footer .code{padding-right: 0;;}
.footer .code .img{width:140px;height: 140px;margin: 0 auto;;}
.footer .code p{width: 140px;color: #fff;margin: 0 auto;margin-top: 10px;;}
.copyright{padding: 15px 0;background: #222;}


/* 产品中心 */
.content{min-height: 300px;padding-bottom: 60px;;}
.router{background: #f8f8f8;height: 40px;margin-bottom: 20px;position: relative;top: -8px;;}
.router a{display: inline-block;color: #555;line-height: 40px;;}
.router span{color: #1EB858;display: inline-block;margin: 0 10px;;}
.router .color{max-width: 80%;top: 8px;position: relative;}
.leftcateg{width: 200px;margin-right: 30px;float: left;}

.leftcateg .prod-categ ul li{background: #ebebeb;line-height: 50px;margin-bottom: 10px;position: relative;}
.leftcateg .prod-categ ul li a{line-height: 30px;padding: 10px 5%;color: #555;width: 85%;}
.leftcateg .prod-categ ul li a i{font-size: 18px;position: absolute;right: 10px;top: 10px;line-height: 30px;color: #666;}
.leftcateg .prod-categ ul li:hover{background: #1EB858;transition: 0.2s all;}
.leftcateg .prod-categ ul li:hover a{color: #fff;transition: 0.2s all;font-weight: bold;}
.leftcateg .prod-categ ul li:hover a i{transform: rotate(90deg);transition: 0.2s all;color: #fff;}
.leftcateg .prod-categ ul .l-active{background: #1EB858;}
.leftcateg .prod-categ ul .l-active a{color: #fff;font-weight: bold;}
.leftcateg .prod-categ ul .l-active a i{color: #fff;transform: rotate(90deg);}

.right-lists{width: 970px;float: left;}
.right-lists .lists ul li{width: 220px;margin-right: 30px;margin-bottom: 20px;float: left;}
.right-lists .lists ul li:nth-of-type(4n){margin-right: 0;}
.right-lists .lists ul li .img{width: 100%;height:220px;padding: 10px;border:solid 1px #eee;box-sizing: border-box;overflow: hidden;background: #fff;;}
.right-lists .lists ul li .img img{height:198px;}
.right-lists .lists ul li .name{padding: 10px 3%;width: 94%;padding-bottom: 0;color: #555;text-align: center;}
.right-lists .lists ul li:hover .img{border:solid 1px #1EB858;box-sizing: border-box;}
.right-lists .lists ul li:hover .name{color: #1EB858;transition: 0.2s all;}

#cases .right-lists .lists ul li .img{height:162px;;}
#cases .right-lists .lists ul li .img img{height:140px;}

/* 产品中心内页 */
.w-details .tit{line-height: 26px;font-size: 18px;padding: 11px 0;border-bottom: dashed 1px #ccc;margin-bottom: 20px;}
.w-details .d-time{display: block;margin: 15px auto;text-align: left;font-size: 12px;color: #888;margin-top: -15px;}
/* 服务 */
.service-lists ul li{width: 13.66%;padding: 0 1.5%;margin-bottom: 10px;}
.service-lists ul li .p-img{width: 84px;height: 84px;overflow: hidden;margin: 20px auto;;}
.service-lists ul li .en{height: 50px;;}
.service-lists ul li:hover .en{color: #999;}
.service-network{background: #FAFAFA;}
.service-network .sn-bg{background: url(/Images/img/service-bg.jpg) no-repeat center top;background-size: 100% 400px;height: 400px;margin-top: 40px;margin-bottom: 50px;;}
.service-network .sn-bg .big-title{padding-top: 150px;;}
.sn-lists ul li{width: 30.33%;padding-right: 3%;margin-bottom: 15px;;}
.sn-lists ul li h2{font-size: 18px;font-weight: 400;margin-bottom: 10px;;}
/* 新闻中心 */
.news-lists .lists ul li{width: 100%;float: none;margin: 0;border-bottom: solid 1px #ededed;height: 30px;position: relative;background: #fff;padding:7px 0;}
.news-lists .lists ul li .name{line-height: 30px;font-weight: normal;text-indent: 12px;width: 85%;padding:0;padding-right: 15%;color: #555;text-align: left;}
.news-lists .lists ul li .time{position: absolute;right: 0; line-height: 30px;top: 8px;color: #888;font-size: 12px;;}
.news-lists .lists ul li:hover{background: none;;}
.news-lists .lists ul li:hover .name{text-decoration: none;color: #1EB858;transition: 0.2s all;}

/* 关于我们介绍页 */
.aboutus-intro .content .left-img{width: 50%;}
.aboutus-intro .content .left-img .img01{width: 381px;height: 283px;margin-left: 80px;padding-bottom: 150px;}
.aboutus-intro .content .left-img .img02{width: 330px;height: 245px;position: absolute;top: 120px;left: 250px;}
.aboutus-intro .content .desc{width: 40%;margin-left: 8%;margin-right:2%;float: right;}



/* 联系我们 */
.contact .w-inner{border-top: solid 6px #d2d2d2;margin-top: 80px;position: relative;}
.contact .w-inner::before{width: 280px;height: 6px;background: #1EB858;position: absolute;left: 0;top: -6px;content: "";}
.contact .big-title h2{width: auto;font-size: 28px;background: none;font-weight: bold;display: inline-block;margin-right: 10px;padding: 0;}
.contact .big-title .en{font-size: 16px;color: #1EB858;display: inline-block;font-weight: 400;}
.contact .big-title h1{font-size: 18px;font-weight: 400;}
.contact-content{width: 45%;;}
.right-message{width: 48%;float: right;;}
.right-message .form input{border: none;height: 32px;line-height: 32px;padding: 10px 3%;width: 94%;background: #eee;}
.right-message .form label{display: inline-block;width: 80px;position: relative;top: -5px;;}
.right-message .form .items{width: 94%;margin: 0 3%;margin-bottom: 20px;float: left;}
.right-message .form .items-t{width: 94%;margin: 0 3%;}
.right-message .form textarea{border: none;height: 160px;line-height: 32px;padding: 5px;width: 94%;padding:0 3%;outline: none;background: #eee;}
.right-message .form .t{top: -150px;}
.right-message .form input[type="button"]{margin-top:20px;width: 180px;height: 50px;line-height: 50px;text-align: center;background: #1EB858;font-size: 16px;border: none;color: #fff;padding: 0;margin-left: 15px;cursor: pointer;border-radius: 5px;;}


/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 40px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;width: auto;float: none;}
.page .pageoption ul li a{display: block;overflow: initial;}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #1EB858}
.page .pageoption ul .current span{color: #fff;border:1px solid #1EB858;}
.page .pageoption ul li a:hover{background: #1EB858}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #1EB858;}
.fanpage{margin: 20px 0;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: #1EB858;}
/* 地图 */
#map iframe{width: 100%;height: 280px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}

.none{display: none;;}


/* 悬浮右侧电话+二维码 */
.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 6px 1px #ddd;box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 18px;margin-bottom: 5px;}